// pages/index3/index3.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    iptVal: '',
    list: [
      '🍎',
      '🍌',
      '🍉'
    ]
  },

  addItem() {
    // 如果没有输入, 提示警告信息, 不再处理
    if (!this.data.iptVal) {
      // wx 是自带的全局变量
      wx.showToast({
        title: '请先输入',
        icon: 'error'
      })
      return
    }
    // 如果已经存在, 也应该提示, 并且不再处理
    if (this.data.list.indexOf(this.data.iptVal) !== -1) {
      wx.showToast({
        title: '数据不能重复',
        icon: 'error'
      })
      return
    }
    // 每当点击确定, 都将当前输入值放入数组中
    const newList = [
      ...this.data.list,
      this.data.iptVal
    ]
    // 已经改造好数据, 要将这个数据重新设置到 data 中
    this.setData({
      list: newList,
      // 添加数组以后, 清空输入框
      iptVal: ''
    })
  },

  delItem(e) {
    // 过滤数组, 只留下名字跟传入数据把不一样的元素
    const newList = this.data.list.filter(item=>item !== e.target.dataset.item)
    this.setData({
      list: newList
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})